﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>加速度财经，更快更专业更精辟的财经资讯</title>
    <link href="img/icon.jpg" rel="shortcut icon">
  

    <link href="css/2.css" rel="stylesheet">
    <link href="js/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
    <!--<link href="css/xgb.css" rel="stylesheet">-->
    <link href="css/yej.css" rel="stylesheet">
    <link href="plugin/jquery.pagination/jquery.pagination.css" rel="stylesheet" />
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/template-web.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/My97DatePicker/WdatePicker.js"></script>
    <script src="js/config.js"></script>
    <script src="plugin/jquery.pagination/jquery.pagination.js"></script>
    <script src="js/loadData.js"></script>
   <style type="text/css">
       .ts{
           display:inline;
           color:red;
       }
       .span2{
           width:50%;
       }
       .nav {
    background-color: #1369bf;
    color: #fff;
}
    /*#kefu2 {
	position: fixed;
	right: 0px;
	bottom: 100px;
	z-index: 10008;
	padding: 10px;
	background: #fff;
	font-size: 12px;
}

.cs_qcode {
	padding: 10px 0px 0px 0px;
}*/

.tab {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 1080px;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

.tab li {
	float: left;
	/*width: 64px;*/
	height: 46px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.tab li.cur {
	opacity: 1;
	font-weight: 700;
}

.tab li.cur:before {
    content: '';
    position: absolute;
    width: 72px;
    height: 1px;
    margin-top: 36px;
    margin-left: -10px;
    background-image: linear-gradient(-90deg,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
}
.table-tit{
        margin-top: -15px;
    margin-left: 150px;
}

.nav__login__btn {
    display: inline-block;
    line-height: 1;
    width: 70px;
    margin-left: 22px;
    padding: 6px 0;
    border: 1px solid #fff;
    text-align: center;
    font-size: 15px;
    border-radius: 32px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    height:18px;
}
.nav__login__btn span{
    width:50px;
    margin-top: 2px;
}
   </style>

    <script type="text/javascript">
        $(function () {
            $(document).on("click", "#dvMain .tab li", function () {
                $(this).addClass("cur").siblings().removeClass('cur');
                $("#dvMain>div").hide().eq($(this).index()).show();
            });
            $("#dvMain .tab li:first").click();
        })
    </script>
</head>
<body>
    <div id="dvMain" class="main">
        <nav class="nav">
            <ul class="tab">
                <li class="cur">龙虎榜</li>
                <li>资讯</li>
                <li>投资日历</li>
              
                <!--<li>股票社区</li>-->
                <div class="table-tit">
                    <div class="sel-date date_select date_select_day">
                        <div class="sel-date-panel" style="width:1180px;margin:auto;">
                            <span class="sel-date-text" style="width:82px;margin-left:-18px;margin-top: 20px;">日期选择：</span>
                            <!--<input class="Wdate" type="text" onclick="WdatePicker()" onFocus="WdatePicker({ onpicked: function (dp) { LoadCompanyList(dp.cal.getNewDateStr()); }, disabledDays: [0, 6] })">-->

                            <input class="Wdate" type="text" onclick="WdatePicker()" onFocus="WdatePicker({disabledDays: [0, 6] })"> 

                            <!--<input type="button" id="btnQuery" value="查询" />-->
                            <div class="nav__login__btn" id="btnQuery"><span>查询</span></div>
                        </div>
                    </div>
                </div>
            </ul>
        </nav>
        <div>
          
            <div id="dvCompanyList" class="content">
              
            </div>
            <!--第2个-->
            <div class="content">
                <div class="right-name" id="dvContent">
                </div>
            </div>
        </div>
        <div>
            <!--资讯-->
            <div class="content" id="divNewsList">
         
            </div>
            <div id="newsPage" class="pagination">

            </div>
        </div>
        <div>

        </div>
        <!--<div>

        </div>-->
    </div>
    <!--百度统计 https://tongji.baidu.com/web/23619172/overview/index?siteId=10579039-->

    <!--<div id="kefu2">
        <div class="cs_qcode">
            <img src="img/weixin.jpg" style="width:200px;height:200px;" title="扫码关注加速度微信公众号" />
        </div>
    </div>-->
    <!--百度统计-->
    <script type="text/javascript">
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?a29b08e7178135105d008f412f0b7dfe";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
    <!--视图模板-->
    <script id="templateCompanyList" type="text/html">
        <div class="content">
            <h4>沪市</h4>
            <div class="top-name" id="dvTopSH">
                {{each SH  data}}
           
                <span>
                <a href="javascript: void(0);" stockcode="{{data.code}}">
                    {{data.stockName}}
                </a>
                <i class="{{ data.percentage >0?"red":"green"}}">
                    {{data.percentage==null?'':data.percentage+"%"}}
                    </i>
                </span>
                {{/each}}
             </div>
            <h4>深市</h4>
            <div class="top-name" id="dvTopSZ">
                {{each  SZ  data}}
                <span>
                <a href="javascript: void(0);" stockcode="{{data.code}}">
                    {{data.stockName}}
                </a>
                <i class="{{ data.percentage >0?"red":"green"}}">
                    {{data.percentage==null?'':data.percentage+"%"}}
                </i>
                </span>
                {{/each}}
             </div>
        </div>
    </script>
    <!--新闻列表视图模板-->
    <script id="templateNewsList" type="text/html">
        <div class="wscn-tab-pane" data-v-6ef8682e="">
            {{each data  o}}
            <div class="wscn-tab-pane" data-v-6ef8682e="">
                <div data-v-6ef8682e="">
                    <div data-index="0" class="news-item" data-v-6ef8682e="">
                        <a target="_blank" href="{{o.url}}" class="news-item__cover"> <img src="https://wpimg.wallstcn.com/8d6f88d1-9cb4-47f8-a5c6-d3150fb3996b.jpg?imageView2/1/w/170/h/170" class="" /> </a>
                        <div class="news-item__main">
                            <a target="_blank" href="{{o.url}}" class="news-item__main__title"> {{o.topicName}} </a>
                            <a target="_blank" href="{{o.url}}" class="news-item__main__summary"> {{o.title}} </a>
                            <div class="news-item__main__meta">
                                <div class="news-item__main__meta__left">
                                    <!--<div class="left-item">
                                        <span style="color:#999">{{o.topicName}}</span>
                                    </div>-->
                                    <div class="left-item">
                                        <svg width="1em" height="1em" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="icon" style="color:#999"><path d="M512 0C229.232 0 0 229.232 0 512s229.232 512 512 512 512-229.232 512-512S794.768 0 512 0zm0 960C264.976 960 64 759.024 64 512S264.976 64 512 64s448 200.976 448 448-200.976 448-448 448zm246.72-346.496L531.888 510.4V225.872c0-17.68-14.336-32-32-32s-32 14.32-32 32v305.12a31.944 31.944 0 0 0 18.768 29.12l245.6 111.632a31.577 31.577 0 0 0 13.216 2.88c12.16 0 23.776-6.976 29.136-18.752 7.312-16.096.208-35.056-15.888-42.368z"></path></svg>
                                        <span class="text" style="margin-left:-5px;">{{o.showDate}}</span>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            {{/each}}
        </div>

    </script>
 
 </body>
</html>